<template>
  <div class="one11">
    <h3>专题精选</h3>
    <van-swipe :loop="false" :width="300" :show-indicators="false">
      <van-swipe-item v-for="item in topicListArr" :key="item.id">
        <img :src="item.item_pic_url" alt="" />
        <p>
          {{ item.title }}
          <span>{{ item.price_info | brandList }}</span>
        </p>
        <p class="xiao">{{ item.subtitle }}</p>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: "Zhuanxuan",
  props: ["topicListArr"],
  data() {
    return {};
  },
 
};
</script>

<style lang='less' scope>
.one11 {
  p {
    font-size: 16px;
    line-height: 30px;
    span {
      color: brown;
    }
  }
  .xiao {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  img {
    width: 100%;
    height: 200px;
    display: block;
  }
}
</style>